7 
7 © 
Kak два бита передать 


Илья Черторыльский 


Frontend 
Conf 2022 \ 
~ 
4 


TII Arn d 


TZ 9ч) ому», МА 


|. 
задугезннг3 13% MM 
зо ай rra.-nBjB Г 


Вим жому 22 


Что же ты скрываешь, файл? 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
00000060 
000000c0 
000000d0 
000000e0 
00000010 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
ЭЯ. 
28 
03 
16 
78 


01 
4b 
95 
65 
24 
09 
6d 
74 
үй! 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 
93 
еб 
78 
де 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ab 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
8e 
3d 
b3 
Oc 
Ud 
9L 
00 
8f 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
64 
за 
L6 
fd 
L6 
8+ 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
96 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ad 
51 
BU 
CU 
10 
Sc 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
5е 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
5a 
0a 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
ац 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
la 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
Ба 
+6 
ab 
67 
4b 
е4 
65 
Of 


dex.htmLU..N.1.. 
w$.!x&-...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
аа О Е 
р. sc 
0607.56.62 Ра 


F..k4.5...!&.P 
.4..40.."Р &.e. 


РЕТ быз МЕ 
5575.МН..,1.м.9. 
.A.|.V8.n1.. F.M. 
1. „МЕ... - О 9.0 
C ...b.&a.. t. .PK 
2042122; LUTo.. 
А P КР inde 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
үй! 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 
03 
e6 
78 
de 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
8e 
3d 
b3 
Oc 
Ud 
9L 
00 
8f 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
64 
за 
цб 
fd 
L6 
8f 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
96 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ад 
51 
BU 
CU 
10 
8с 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
Бе 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
Ба 
ба 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
d4 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
1а 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
Ud 
cd 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ab 
67 
4b 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE 03. 
Rt....FMOx:voQ. 
аа Te ЕЁ 
раза Нали тай 
„©? «б.б, РЬ» 


РО о НЕР 
.4..40.."Р &.e. 


"d xti быз U а 
5575.МН..,1.м.9. 
.A.|.V8.n1.. F.M. 
1. „МЕ... - О 90.g 
(‘...b.&a..{..PK 
2042122; LUTo.. 
А E КР inde 


address 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 ASCII 


00000000 50 4b 03 O4 14 00 00 00 08 00 5a 15 Цс 55 a2 c7 РК....... Е... 
00000010 35 95 еб 00 00 00 5+ 01 00 00 ба 00 00 00 69 бе Bore M TEE in 
00000020 | | 

00000030 parselnt( 00000030, 16) = 48! 

00000040 

00000050 56 64 16 c7 +6 ff fd b2 ad ee 16 6+ +3 45 e7 fb Ш е: 03... 
00000060 52 74 dc fb 46 46 46 Ца 51 78 13 76 1a 30 40 ad Rt....FMQx.vo@. 
00000070 a0 71 25 Ва +2 54 8f бс 84 ed Чс ca c8 1а 96 ab AOT ELM. 
00000080 17 +9 OU 97 bd 62 сз 83 сц ef за 8d 1а Зе ей fa Бус йл 0, 
00000090 59 ce 63 ЗЕ 18 аб 8d 47 10 36 06 c6 50 сб 47 a5 Y.c?..G.6..P... 
000000a0 46 b7 сз бб 34 98 le 35 8c 84 87 21 26 be 50 1f F..K4.5...!&.P 
00000050 c8 71 a7 1d Зе 64 51 96 е бе 50 20 26 ез 65 b6 .4..40.."Р &.e. 
000000cO сб аз 7e 9c За 9c bd 98 48 63 bb 88 76 df 17 5a ымыны ҮА а 
00000040 35 35 3f 35 53 ца 34 bO сг c9 ба аб еб +0 67 46 5575.МН..,1.м.9. 
000000e0 95 41 98 7c Oc 56 38 dc бе 31 b5 аа +9 13 Ца ab ‚A.|.v8.n1..#.M. 
00000080 37 ff bb ab Ца 74 c7 93 87 аз 51 90 d3 30 са 67 Тоне 2,0. 94 
00000100 28 60 82 c2 94 62 05 26 61 fd 94 7b fe 02 50 4b (C ...b.&a..1..PK 
00000110 03 04 14 00 00 00 08 00 аб аз 4c 55 54 64 67 еф | ......... LUTo.. 
00000120 16 02 00 00 8f 04 00 00 08 00 00 00 69 бе 64 65 ........... inde 


00000130 78 ге ба 73 75 93 5d 6+ da 30 14 86 ef 91 +8 Of хоби, 19.9. F.. 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
“71 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 
93 
еб 
78 
де 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
бе 
за 
b3 
Oc 
Ud 
9L 
00 
8f 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
64 
за 
цб 
fd 
L6 
8+ 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
d6 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ад 
51 
BU 
CU 
10 
BC 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
Бе 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
5a 
0a 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
d4 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
1а 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
Ud 
cd 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ab 
67 
4b 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


pii EE 03. 
Rt....FMOx:voQ. 
аа Te ЕЁ 
раза Нали тай 
„©? «б.б, РЬ» 


РО о НЕР 
.4..40.."Р &.e. 


"d xti быз U а 
5575.МН..,1.м.9. 
.A.|.V8.n1.. F.M. 
1. „МЕ... - О 90.g 
(‘...b.&a..{..PK 
2042122; LUTo.. 
А E КР inde 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
4b 
95 
65 
24 
09 
6d 
74 
“71 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 
03 
e6 
78 
de 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
бе 
за 
b3 
Oc 
Ud 
9L 
00 
8f 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
64 
за 
цб 
fd 
L6 
8f 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
d6 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ад 
51 
BU 
CU 
10 
BC 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
Бе 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
5а 
ба 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
d4 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
la 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
fO 
13 
30 
02 
6f 
6e 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
Ба 
+6 
ар 
67 
4b 
е4 
65 
Of 


dex.htmLU..N.1.. 
w$.!x&-z...P[$& 
Z..4qiF..H.+}ir. 


re r 01... 
Rt....FMQx.v0@. 
а Ре бен | 
поља а Р. 
4.07::8,6:2Ра.., 


F..K4.5...!&.P 
.4..40.."Р &.e. 


мес но о МЕ Т. 
5575.МЦ...).4.94. 
.А.|.М8.п1....М. 
Jeu «МЕ. 0 2.0 
(‘...b.&a..{..PK 
ПРАТИ F LUTo.. 
Oo 4.5 inde 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


91 
Ub 
95 
65 
24 
09 
6d 
74 
үл! 
£9 
ce 
р7 
13 
аз 
35 
Ц1 
ff 
60 
ou 
02 
2е 


02 
03 
e6 
78 
de 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
бе 
за 
b3 
Oc 
Ud 
оц 
00 
8+ 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
6d 
3d 
цб 
fd 
L6 
8f 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
d8 
b9 
b2 
ца 
6c 
83 
Ц7 
35 
d6 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ад 
51 
BU 
CU 
10 
BC 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
Бе 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
5а 
ба 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
d4 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
la 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
+8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
Ба 
+6 
ab 
67 
Ub 
ец 
65 
Of 


dex.htmlU..N.l.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
аа О Е 
р. sc 
Get хос PS; 


Ро IIP 
.4..40.."Р &.e. 


d 1, х T4 
5575.МН..,1.м.9. 
.A.|.V8.n1.. F.M. 
7.,,Mt....0. 9.0 
(‘...b.&a..{..PK 
24:21:22. ЕГІН 
TEAN Ж IIE inde 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 01 02 03 04 05 06 07 
50 4b өз 04 14 00 00 00 
35 95 e6 00 00 00 5f 01 
64 65 78 2e 68 74 6d 6c 
77 24 de 21 78 26 3d d8 


08 09 10 11 12 13 14 15 
08 00 ба 15 Hc 55 a2 c7 
00 00 да 00 00 00 69 бе 
55 90 b1 Це 03 31 Oc 86 
18 92 93 50 5b 24 26 18 


U+0069 = 
00022 = 
U+0064 = 
U+0065 = 
U+0078 = 
U+002e = 
U+006a = 


0+00 = 


dex.htmlU..N.l.. 
w$.!x&=...P[$& 
Z. .Ца ТР. H. «Tir. 
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0%..T.Ll..L 
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Қамын; ~ T4 
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Напишем НЕХ-просмотрщик 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[Q]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array. from(view) 


пор тп -> int. toStrine( lo) раб гаг (2782077) 
.reduce((prev, cur, idx) => { 

// немного магии с выравниванием и внешним видом результата 
2 0): 


console.log(hex); 


const input = document.createElement('input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array.from(view) 


.map(int => int.toString(16).padStart(2, '0')) 
.reduce((prev, cur, idx) => 1 

// немного магии C выравниванием и внешним видом результата 
р г 


console. log(hex); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array. from(view) 


.map(int => int.toString(16).padStart(2, '0')) 
.reduce((prev, сиг, idx) => 1 

// немного магии с выравниванием и внешним видом результата 
р г 


console. log(hex); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append( input ); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buf fer); 


File ' 


ur 


console.log(hex); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array.from(view) 


.map(int -» int.toString(16).padStart(2, '0')) 
.reduce((prev, сиг, idx) => { 

// немного магии с выравниванием и внешним видом результата 
р г 


console. log(hex); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input ); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof Ff 
const buffer = aw 
const view = new 
const decoder = n 
const hex = Array 
.map(int => i 
.reduce((prev 
// немного магии с выравниванием и внешним видом результата 
рр oe 


console. log(hex); 


ArrayBuffer 


new ArrayBuffer(length) 


new SharedArrayBuffer( length) 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array.from(view) 


.map(int => int.toString(16).padStart(2, '0')) 
.reduce((prev, сиг, idx) => 1 

// немного магии с выравниванием и внешним видом результата 
р г 


console. log(hex); 


TypedArrays 


ArrayBuffer(16) 


Uint8Array 8 9 10 11) 42>) 13 | 14 | 15 
Uint16Array 
Uint32Array 
Uint64Array 


1 байт = 8 бит parselnt('11111111’,2) = 255 


| int8Array C 51000719 5127 5752777420715 
int16Array 
int32Array 
int64Array 


U = unsigned 


Uint8Array = [0, 255] Int8Array = [-127, 127] 


parselnt('11111111’,2) = 255 parselnt('1111111’,2) = 127 


ArrayBuffer(16) 


Uint8Array 6 8 9 10 11) 42>) 13 | 14 | 15 
Uint16Array 
Uint32Array 
Uint64Array 


Uint8ClampedArray var x = new Uint8ClampedArray([17, -45.3]); 
console. log(x[@]); // 17 


(-45) .toString(2) consoler 0-0: 0 722 77 
. '-101101' 


s s маг x = пеш ШапезАекау( [ 17, около з Р); 
шил console.log(x[®]); // 17 

ша consoler ое ООо 
parseInt('101101', 2) 

· 45 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder з new TextDecoder(); 
const hex = Array.from(view) 


.map(int => int.toString(16).padStart(2, '0')) 
.reduce((prev, сиг, idx) => { 

// немного магии с выравниванием и внешним видом результата 
р г 


console. log(hex); 


TextDecoder TextEncoder 


const encoder = new TextEncoder(); -^'const decoder = new TextDecoder(); 
encoder.encode(str); decoder.decode(buffer, opt); 
encoder.encodeInto(str, uint8); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[0]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array.from(view) 


.map(int => int.toString(16).padStart(2, '0')) 
.reduce((prev, сиг, idx) => { 

// немного магии с выравниванием и внешним видом результата 
р г 


console. log(hex); 


const input = document.createElement( 'input'); 
input.type = 'file'; 
document.body.append(input); 


input.addEventListener('input', async (event) => { 
const file = input.files[Q]; 
if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const decoder = new TextDecoder(); 
const hex = Array. from(view) 


пор тп -> int. toStrine( lo) раб гаг (2782077) 
.reduce((prev, cur, idx) => { 

// немного магии с выравниванием и внешним видом результата 
2 0): 


console.log(hex); 
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» © pr о b 
63 6f 6e 73 74 20 69 6e 70 75 74 20 3d 20 64 6f const input = do 
63 75 6d 65 6e 74 2e 63 72 65 61 74 65 45 6c 65 cument.createEle 
6d 65 6e 74 28 27 69 6e 70 75 74 27 29 3b 04 да ment('input');.. 
69 бе 70 75 74 2e 74 79 70 65 20 3d 20 27 66 69 input.type - 'fi 
6c 65 27 3b да да 64 6f 63 75 6d 65 6e 74 2e 62 le';..document.b 
6f 64 79 2e 61 70 70 65 6e 64 28 69 6e 70 75 74 ody.append(input 
29 3b ed да Od да 69 бе 70 75 74 2e 61 64 64 45 );....іприб.аддє 
76 65 бе 74 4c 69 73 74 65 бе 65 72 28 27 69 бе ventListener('in 
70 75 74 27 2c 20 61 73 79 6e 63 20 28 65 76 65 put', async (eve 
6e 74 29 20 3d 3e 20 7b ed да 20 20 20 20 63 6f nt) => (.. co 
6e 73 74 20 66 69 6c 65 20 3d 20 69 6e 70 75 74 nst file - input 
2e 66 69 6c 65 73 5b 30 5d 3b ed ea 20 20 20 20 .files[e];.. 
69 66 20 28 66 69 6c 65 20 69 6e 73 74 61 6e 63 if (file instanc 
65 6f 66 20 46 69 6c 65 29 20 7b ed да 20 20 20 eof File) (.. 
20 20 20 20 20 63 6f 6e 73 74 20 62 75 66 66 65 const buffe 
72 20 3d 20 61 77 61 69 74 20 66 69 6c 65 2e 61 r - await file.a 
72 72 61 79 42 75 66 66 65 72 28 29 3b ed да 20 rrayBuffer();.. 
20 20 20 20 20 20 20 63 6f 6e 73 74 20 76 69 65 const vie 
77 20 3d 20 6e 65 77 20 55 69 бе 74 38 41 72 72 м = new Uint8Arr 
61 79 28 62 75 66 66 65 72 29 3b ed да 20 20 20 ay(buffer);.. 
20 20 20 20 20 63 6f 6e 73 74 20 64 65 63 6f 64 const decod 
65 72 20 3d 20 6e 65 77 20 54 65 78 74 44 65 63 er - new TextDec 
6f 64 65 72 28 29 3b ва 0a 20 20 20 20 20 20 20 oder();.. 
20 63 6f 6e 73 74 20 68 65 78 20 3d 20 41 72 72 const hex - Arr 
61 79 2e 66 72 6f 6d 28 76 69 65 77 29 04 да 20 ay.from(view).. 
20 20 20 20 20 20 20 20 20 20 20 2e 6d 61 70 28 .map( 
69 6e 74 20 3d 3e 20 69 бе 74 2e 74 6f 53 74 72 int => int.toStr 
69 6e 67 28 31 36 29 2e 79 61 64 53 74 61 72 74 ing(16).padStart 
28 32 2c 20 27 30 27 29 29 04 да 20 20 20 20 20 (2700852307 
20 20 20 20 20 20 20 2e 72 65 64 75 63 65 28 28 .reduce(( 
70 72 65 76 2c 20 63 75 72 2c 20 69 64 78 29 20 prev, cur, idx) 
3d 3e 20 7b ed ea 20 20 20 20 20 20 20 20 20 20 => (.. 
20 20 20 20 20 20 63 6f 6e 73 74 20 69 73 38 20 const is8 
3d 20 2b 2b 69 64 78 20 25 20 38 3b 04 да 20 20 = ++ійх % 8;.. 
20 20 20 20 20 20 20 20 20 20 20 20 20 20 63 6f co 
6e 73 74 20 69 73 31 36 20 3d 20 69 64 78 20 25 nst 1516 = idx % 
20 31 36 3b ed да 20 20 20 20 20 20 20 20 20 20 16;.. 
20 20 20 20 20 20 63 6f бе 73 74 20 73 65 79 61 const sepa 
74 6+ 72 20 3d 20 21 69 73 38 20 3f 20 27 20 20 tor = 1158 ? 
20 20 27 20 За 20 27 27 3b @d да 20 20 20 20 20 NOE SO 
20 20 20 20 20 20 20 20 20 20 20 6c 65 74 20 73 let s 
74 72 20 3d 20 21 28 69 73 31 36 20 26 26 20 69 tr = 1(1516 88 i 
64 78 20 21 3d 3d 20 76 69 65 77 2e 6c 65 6e 67 dx !-- view.leng 
74 68 29 20 3f 20 60 20 24 7b 64 65 63 6f 64 65 th) ? 7 ${decode 
72 2e 64 65 63 6f 64 65 28 76 69 65 77 2e 73 6c r.decode(view.sl 
69 63 65 28 69 64 78 20 2d 20 28 21 69 73 31 36 ice(idx - (lis16 
20 3f 20 31 36 20 3a 20 69 73 31 36 29 2c 20 69 ? 26 : 1516), 1 
64 78 29 2е 62 75 66 66 65 72 29 2е 72 65 70 6c dx).buffer).repl 
61 63 65 28 2f 5c 72 7c 5c 6e 2f 67 2c 20 27 2e ace(/Ar|W/g, '. 
27 29 7d 24 7b 21 69 73 31 36 20 3f 20 27 5c 6e ')j$(lis16 ? "Мп 
27 20 3a 20 27 27 7d 60 20 За 20 27 27 да да 20 аре sy uw 
20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 70 р 
72 65 76 20 2b 3d 20 60 24 7b 63 75 72 7d 24 7b rev += "$(cur)$( 
73 65 70 61 74 6f 72 7d 20 60 3b да да 20 20 20 sepator} `;.. 
20 20 20 20 20 20 20 20 20 20 20 20 20 73 74 72 str 
20 3d 20 69 64 78 20 3d 3d 3d 20 76 69 65 77 2e = idx = view. 
6c 65 6e 67 74 68 20 3f 20 27 27 2e 79 61 64 53 length ? ''.padS 
74 61 72 74 28 37 33 20 2d 20 73 74 72 2e 6c 65 tart(73 - str.le 
6e 67 74 68 20 2d 20 28 70 72 65 76 2e 6c 65 6e ngth - (prev.len 
67 74 68 20 2d 20 70 72 65 76 2e 6c 61 73 74 49 gth - prev.lastI 
бе 64 65 78 АҒ 66 28 27 5c 6e 27 29 29 2c 20 27 ndexof("\n')). * 
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Напишем НЕХ-редактор 


const input = document.createElement('input'); 
input.type = 'file'; 
document.body.append(input); 


const a = document.createElement('a'); 
а.іппегТехі = "скачать"; 
document.body.append(a); 


input.addEventListener('input', async (event) => { 

const file = input.files[0]; 

if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const dv = new DataView(buffer); 
const container = document.createElement('div'); 
container.classList.add('container'); 
container.style.display - 'none'; 
document .body.append(container); 


await new Promise(resolve => { 
let bytes M 

let chars e 

let int - 


const temp = document.createElement('div'); 


for (let idx = 0; idx <= view.length - 1; idx++) { 
int - view[idx]; 
char = String.fromCharCode(int).replace(/NW/gm, '.'); 
const i8 = dv.getInt8(idx); 
const i16 = view.length - idx >= 2 ? dv.getInti6(idx) : 'EOF'; 
const i32 з view.length - idx >= 4 ? dv.getInt32(idx) : 'EOF' 
const i16l - view.length - idx »- 2 ? dv.getInti6(idx, true) : 'EOF'; 
const i321 = view.length - idx >= 4 ? dv.getInt32(idx, true) : 'EOF'; 
title = ~big-endian\nint8=${i8} int16=${i16} int32=${i32}\nlittle-endian\nint16=${i161} 1п132=${1321}` 
bytes += "<div id="${idx}b" data-title="${title}" class="byte">${int.toString(16).padStart(2, '0')}</div> ; 
chars += `<ѕрап id="${idx}u" data-title="${title}" class="char">${char}</span> ; 
if ((idx 88 !((idx + 1) % 16)) || idx view.length - 1) { 
temp.innerHTML = "<div id="${(idx - 15).toString(16).padStart(8, '0')}" class="bytes"><div class="part">${bytes}</div>${chars}</div> ; 
container.append(temp.firstChild); 
bytes = ''; 
chars = ''; 
continue; 


} 
} 
resolve(); 


05 


container.style.display = ''; 

document.querySelectorAll('[id$-b]').forEach(el .addEventListener('mouseover', ({ target |) => target.parentElement.parentElement.querySelector( [id = "$íparseInt(el.id)]u"] )?.classList.add( 'hover'))); 
document.querySelectorAll('[id$-b]').forEach(el - .addEventListener('mouseleave', (1 target |) => target.parentElement.parentElement.querySelector( [id = "${parseInt(el.id)}u"]~ )?.classList.remove('hover'))); 
document.querySelectorAll('[id$=u]').forEach(el = .addEventListener('mouseover', (1 target |) => target.parentElement.querySelector( [id = "${parseInt(el.id)}b"]")?.classList.add('hover'))); 
document.querySelectorAll('[id$-u]').forEach(el = .addEventListener('mouseleave', (| target |) => target.parentElement.querySelector( [id = "${parseInt(el.id)}b"]>)?.classList.remove('hover'))); 


document.querySelectorAll( '[id$=b]').forEach(el .addEventListener('click', ({ target }) => { 
const value = prompt(); 
const offset = parseInt(target.id) 
// dv.setUint8(offset, parseInt(value, 16)); 
dv.setInt16(offset, value, true); 
a.download = file.name; 
a.href = URL.createObjectURL(new File([buffer], file.name)); 


р); 


const input = document.createElement('input'); 
input.type = ‘file'; 
document. body.append( input); 


const a = document.createElement('a'); 
a.innerText = "скачать"; 
document.body.append(a); 


input.addEventListener('input', async (event) => { 

const file = input.files[0]; 

if (file instanceof File) { 
const buffer = await file.arrayBuffer(); 
const view = new Uint8Array(buffer); 
const dv = new DataView(buffer); 
const container = document.createElement( 'div'); 
container.classList.add('container'); 
container.style.display - 'none'; 
document.body.append(container); 


await new Promise(resolve => 1 
let bytes шан 
let chars UR 
let int = ''; 
const temp - document.createElement('div'); 


for (let idx = 0; idx <= view.length - 1; idx++) { 
int = view[idx]; 
char = String.fromCharCode(int).replace(/\W/gm, '.'); 
const i8 = dv.getInt8(idx); 
const 116 = view.length - idx >= 2 ? dv.getInti6(idx) : 'EOF'; 
const 132 = view.length - idx >= 4 ? dv.getInt32(idx) : 'EOF' 
const 1161 = view.length - idx >= 2 ? dv.getInti6(idx, true) : 'EOF'; 
const 1321 = view.length - idx >= 4 ? dv.getInt32(idx, true) : 'EOF'; 
title = "big-endian\nint8=${i8} int16=${116} int32=${i32}\nlittle-endian\nint16=${i161} int32-$1i321])' 
bytes += "<div id="${idx}b" data-title="${title}" class="byte">${int.toString(16).padStart(2, '0')]«/div»^ 
chars += “<span id="${idx}u" data-title="${title}" class="char">${char}</span> ; 
if ((idx 55 !((idx + 1) % 16)) || idx = view.length - 1) { 
temp.innerHTML = "<div id="${(idx - 15).toString(16).padStart(8, '0')}" class="bytes"><div class="part">${bytes}</div>${chars}</div> ; 
container.append(temp.firstChild); 
bytes = ''; 
сато = 57 
continue; 
} 
} 


resolve(); 


bs 


container.style.display - 5 


document ..querySelectorAll( '[id$=b]').forEach(el => .addEventListener('mouseover', (1 target |) => target.parentElement.parentElement.querySelector( [id = "${parseInt(el.id)}u"]")?.classList.add('hover'))) 
document.querySelectorAll('[id$-b]').forEach(el => .addEventListener('mouseleave', ({ target |) => target.parentElement.parentElement.querySelector( [id = "$[parseInt(el.id)]u"] )?.classList.remove('hover'))) 
document .querySelectorAll( '[id$=u]').forEach(el => .addEventListener('mouseover', (1 target |) => target.parentElement.querySelector( [id = "${parseInt(el.id)}b"]~)?.classList.add('hover'))); 
document.querySelectorAll('[id$=u]').forEach(el => .addEventListener('mouseleave', (1 target |) => target.parentElement.querySelector( [id = "${parseInt(el.id)}b"]~)?.classList.remove('hover'))) 


document.querySelectorAll( '[id$=b]').forEach(el .addEventListener('click', (1 target |) => 4 
const value = prompt(); 
const offset = parseInt(target.id) 
// dv.setUint8(offset, parseInt(value, 16)); 
dv.setInti6(offset, value, true); 
a.download - file.name; 
a.href - URL.createObjectURL(new File([buffer], file.name)); 


02-04 const dv з new DataView(buffer); 


- dv.getInt8(idx); 
116 = view.length - idx >= 2 2 dv.getInti6(idx) : 'EOF'; 
132 = view. length idx >- А Ду веси (idx) : EE 
1161 = view.length - idx >= 2 ? dv.getInt16(idx, true) 
i32l = view.length - idx >= 4 ? dv.getInt32(idx, true) 


kun | dv.setUint8(offset, parseInt(value, 16)); 


const 9 
о на ШУ setintlolorrset ма ще, Пе) 


Buffer(); 


ew new rray(buffer ) 
= new DataView(buffer); 
taine document.create 


char String.fromCharCode(int).re[ (/\W/gm, '.') 

const i8 - dv.getInt8(idx); 

const i16 = view.length - idx >= 2 ? dv.getInt16(idx) : 'EOF' 
const i32 - view.length - idx »- 4 ? dv.getInt32(idx) : 'EOF' 


16)) 
="¢f(idx - 15).t 


DataView() RUM 


const offset parselInt(target.id) 

// dv.setUint8(offset, parseInt(value, 16)); 
dv.setInti6(offset, value, true); 

a.download - file.name; 


id lc 
URL.createObjectURL(new File([buffer], file.name)) 


getInt8(offset) 
getInti6(offset) 
getInt32(offset) 
getInti6(offset, littleEndian) 
getInt32(offset, littleEndian) 


setInt8(offset, value) 
setInt16(offset, value) 
setInt32(offset, value) 


sel SetInt16(offset, value, littleEndian) 


setInt32(offset, value, littleEndian) 


0A0BOCOD 0A0BOCOD 


Пример 


ДР 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
үй! 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 
03 
e6 
78 
de 
сб 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
3f 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
те 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
+6 
+6 
+2 
Ба 
18 
34 
8e 
3d 
b3 
Oc 
Ud 
9L 
00 
8f 
75 


05 
00 
00 
74 
26 
7b 
ff 
f6 
54 
62 
a6 
98 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5+ 
64 
за 
цб 
fd 
L6 
8f 
єз 
ва 
1е 
51 
ра 
34 
38 
c7 
05 
08 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
96 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
е4 
ад 
51 
BU 
CU 
10 
8с 
е4 
d8 
сё 
бе 
87 
61 
ад 
08 
da 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
Бе 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
Ба 
ба 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
d4 
Uc 
00 
14 


11 
15 
00 
Це 
50 
2b 
6+ 
76 
са 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
1а 
с8 
la 
50 
26 
26 
76 
еб 
+9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
be 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
a2 
69 
Oc 
26 
72 
е7 
Ho 
96 
ell 
d7 
50 
65 
17 
67 
Ud 
cd 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ab 
67 
4b 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
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А E КР inde 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
93 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd d4 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5a 
56 
52 
a0 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 00 
e6 00 00 00 5f ©1 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES" Маркер загаловка 0x04034b50 (РКФ 4) Ц 
C d a 12 Минимальная версия для распаковки b 


16 в 2 Флагобщеко нама | 
d 1-1 Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem _ _ | 


5 
9 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 


87 аз 51 90 
61 fd 94 7b 
ад a3 Цс 55 
98 00 00 00 
da 30 14 86 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
ец 
65 
of 


dex.htmlU..N.1l.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
а ка ле МИ 
5575.М4..,1.м. 
.А.|.М8.01..Ё. 
НЭРТ у аи 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 06 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C ЖИР Минимальная версия для распаковки b 


1d 5 2 Флагобщето нама | 
d ШЕР Метод сжатия “без сжатия” = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
14 00 00 
00 00 8f 
ба 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 54 6+ 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd d4 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 00 
еб 00 00 00 5+ 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d о ја Маркер загаловка 0x04034b50 (РКФФ) L 
C d a 12 Минимальная версия для распаковки b 


1d 5 | Флаг общето нама | 
d Ши? Метод сжатия “без сжатия” = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem 0 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
14 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd d4 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


1{ в 2 Флагобщеко нама | 
d 18 [2 Метод сжатия “без сжатия” = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd 94 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
93 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Чс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


ТЕГІСТІГІ | 
а 1-1 Метод сжатия "без сжатия" = 0, DEFLATE = 8 
N 20 [2]epennnocnenteronmerem _ _ | 


5 
9 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
СТОТИНА 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 


87 аз 51 90 
61 fd ац 7b 
ад a3 Hc 55 
08 00 00 00 
da 30 14 86 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
30 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 CRC-32 контрольная сумма не сжатых данных е 


6338 | снтьйрэнэ 9 
Нескный аша U y O 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 бе 
86 е+ 91 


87 a3 51 
61 fd d4 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
4b 
ец 
65 
of 


dex.htmlU..N.1l.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2e 


02 03 O4 05 06 07 
03 04 1H 00 00 00 
e6 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


61-18 |аниме 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


| 28 | 2| Длина дополнительного поля (т) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd d4 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
93 04 14 00 00 00 
еб 00 00 00 5+ 01 
78 2е 68 7Ц ба бс 


98 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: joamnmwe 9 
ІСІГІ ГІЗІ! мин 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 9Ц 
1ц 00 00 
00 00 8+ 
ба 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
| = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd 94 
ад аз Чс 
98 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. o AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
93 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 Ба 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63 за |оютьнрамо 9 
Нескный ава U y O 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


| 28 | 2| Длина дополнительного поля (т) 
| ar 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd 94 
ад аз Чс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
Of 


dex. htmlU..N.1.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
93 04 14 00 00 00 
еб 00 00 00 5f 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Чс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d ES Маркер загаловка 0x04034b50 (PK9 Ф) L 
C 4 а 2 Минимальная версия для распаковки b 


16 в 2 Флагобщеко дама | 
d JE Метод сжатия "без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem л 


5 
0 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: |оютьнрамо | 19 
Нескный ава U y O 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
1ц 00 00 
00 00 8f 
6a 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


И 2| Длина дополнительного поля (т) 
N = і 
c Ос О о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd 94 
ад a3 Цс 
08 00 00 
da 30 14 


14 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
f8 


15 
c7 
6e 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
Ub 
е4 
65 
of 


dex.htmlU..N.1l.. 
w$.!x&=...P[$& 
Z. Ца. H. «Tir. 


EN. AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
4b 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


02 03 O4 05 06 07 
03 04 14 00 00 00 
еб 00 00 00 5+ 01 
78 2e 68 74 6d 6c 


08 09 10 11 12 13 
08 00 5a 15 Цс 55 
00 00 ба 00 00 00 
55 90 b1 Це 03 31 


d Шот! Маркер загаловка 0x04034b50 (РКФФ) L 
C 4 а 2 Минимальная версия для распаковки b 


ТЕГІСТІГІ | 
d Ге | Метод сжатия “без сжатия" = 0, DEFLATE = 8 
24-10 [2]epennnocnenteronmerem 0 


5 
9 


3 
0 | ла |4 CRC-32 контрольная сумма не сжатых данных е 


63-18: joemnmwe | 19 
aapna U y O 


c3 22 4 Не сжатый размер 


а Длина имени файла (п) 3 


Имя файла 


3 


bb ab ца 
82 c2 94 
14 00 00 
00 00 8f 
ба 73 75 


74 с7 93 
62 05 26 
00 08 00 
оц 00 00 
93 5d 6f 


ES 2| Длина дополнительного поля (m) 
N = і 
c Ос е о ac ое D аа 2 


9 
3 
90 d3 30 
7b fe 02 
55 54 6+ 
00 69 6e 
86 ef 91 


87 a3 51 
61 fd 94 
ад аз Чс 
08 00 00 
da 30 14 


1H 
a2 
69 
Oc 
26 
та 
е7 
Ho 
d6 
ell 
d7 
50 
65 
17 
67 
ца 
са 
50 
р7 
64 
£8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
as 
1f 
b6 
5а 
+6 
ар 
67 
4b 
ец 
65 
Of 


dex. htmlU..N.1.. 
Ww$.!x&-...P[$& 
Z. Ца. Н.+ г. 


EN. AE BT 
Rt....FMQOx. ve. 
tT ELM. 
р. sc 

оС хос P 


Ро IIP 
.4..40.."Р &.e. 
бул ра ва И 
5575.М4...1.м. 
.А.|.М8.01..Ё. 
ГЭРТ sabes 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5a 
56 
52 
a0 
17 
59 
H6 
сё 
сб 
35 
95 
37 
28 
03 
16 
78 


01 
Ub 
95 
65 
24 
09 
6d 
74 
ЧА 
£9 
ce 
р7 
71 
a3 
35 
ЦІ 
ff 
60 
ou 
02 
2е 


11 
15 
00 
He 
50 
2b 
6+ 
76 
са 


le 


03 0Ц 05 06 07 08 09 10 
04 14 00 00 00 08 00 5a 
00 00 00 5+ 01 00 00 ба 
ге 68 74 6d 6c 55 90 b1 
21 78 26 3d 48 18 92 93 
3H 71 7b 46 b9 eu H8 dc 
c7 +6 ++ fd b2 ad ee 16 
fb +6 +6 46 4d 51 78 13 
Ва +2 54 8f бс 84 ed Чс 
Local fi 
ld 8e 64 51 ец 5e 50 
9c За 9c bd 98 d8 63 bb 
35 53 ці 34 bO c8 c9 ба 
7c Oc 56 38 ас бе 31 b5 
ар Ца 74 c7 93 87 аз 51 
c2 94 62 05 26 61 fd 94 
00 00 00 08 00 ад аз uc 
00 8+ 04 00 00 08 00 06 
73 75 93 54 6f da 30 14 


20 2 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
E 


13 
55 
00 
31 
24 
7b 
d5 
30 
la 


14 
a2 
69 
Oc 
26 
72 
е7 
Ц0 
аба 


15 
c7 
бе 
86 
18 
81 
fb 
" 


ASCII 
PR.... X. ZLU.. 
5:1135:4 100130 іп 
dex. htmlU..N.1.. 
w$.!x&z...P[$& 
Z. Ца. Н.+ г. 
(|) RETE n о. 
Же...«РМОХ; vog. 
08. T. Ls 


header :::. 


2 
еб 
+9 
d3 
fe 
54 
69 
ef 


E 
+0 
13 
30 
02 
6+ 
бе 
91 


17 
67 
ца 
са 
50 
b7 
64 
+8 


b6 
Ди 
+6 
ар 
67 
Ub 
ец 
65 
Of 


. !&.Р 
.Ч..90..^Р &.e. 
а 
5575.МН..,1.м.9. 

.A.|.V8.n1.. F.M. 
ЕРА ME see 


address 

00000000 
00000010 
00000020 
00000030 
00000040 
00000050 
00000060 
00000070 
00000080 
00000090 
000000a0 
000000b0 
000000c0 
000000d0 
000000e0 
000000f0 
00000100 
00000110 
00000120 
00000130 


00 
50 
35 
64 
77 
5а 
56 
52 
ад 
17 
59 
цб 
с8 
с6 
35 
95 
37 
28 
03 
16 
78 


01 
4b 
95 
65 
24 
09 
6d 
74 
71 
f9 
ce 
b7 
71 
a3 
35 
41 
ff 
60 
ou 
02 
2е 


02 
03 
e6 
78 
de 
c6 
16 
dc 
25 
ou 
63 
c3 
a7 
Те 
27 
98 
bb 
82 
14 
00 
6a 


03 
ou 
00 
2е 
21 
34 
c7 
fb 
ба 
97 
3f 
6b 
1d 
9c 
35 
7с 
ар 
c2 
00 
00 
73 


ou 
1H 
00 
68 
78 
71 
f6 
f6 
f2 
bd 
18 
34 
де 
за 
b3 
Oc 
Ud 
9L 
00 
8f 
73 


05 
00 
00 
74 
26 
7b 
ff 
+6 
54 
62 
a6 
93 
64 
9c 
Ud 
56 
74 
62 
00 
ou 
93 


06 
00 
5f 
6d 
3d 
цб 
fd 
цб 
8+ 
c3 
8d 
le 
51 
bd 
34 
38 
c7 
05 
98 
00 
5d 


07 
00 
01 
6c 
98 
ро 
b2 
Ud 
6c 
83 
Ц7 
35 
96 
98 
bO 
dc 
93 
26 
00 
00 
6f 


08 
08 
00 
55 
18 
ец 
ад 
51 
BU 
CU 
10 
Sc 
ell 
d8 
сё 
бе 
87 
61 
ад 
98 
да 


09 
00 
00 
90 
92 
48 
ee 
78 
ed 
ef 
36 
BU 
5е 
63 
с9 
31 
a3 
fd 
a3 
00 
30 


10 
Ба 
ба 
b1 
93 
dc 
16 
13 
Uc 
3d 
06 
87 
50 
bb 
6a 
b5 
51 
ац 
Uc 
00 
14 


11 
15 
00 
He 
50 
2b 
6f 
76 
ca 
8d 
сб 
21 
20 
88 
ад 
аа 
90 
7b 
55 
00 
86 


12 
Uc 
00 
03 
5b 
79 
+3 
la 
с8 
la 
50 
26 
26 
76 
e0 
f9 
d3 
fe 
54 
69 
ef 


13 
55 
00 
31 
24 
7b 
d5 
30 
1а 
Зе 
cO 
ре 
e3 
df 
+0 
13 
30 
02 
6+ 
бе 
91 


14 
а2 
69 
Oc 
26 
12 
е7 
40 
d6 
ец 
47 
50 
65 
17 
67 
ца 
са 
50 
b7 
64 
+8 


15 
c7 
бе 
86 
18 
81 
fb 
ad 
ab 
fa 
а5 
1+ 
b6 
5а 
+6 
ар 
67 
Ub 
ец 
65 
of 


dex.htmLU..N.1.. 
w$.!x&-...P[$& 
Z..4qiF..H.+}ir. 


LiU 525, 0}... 
Rt....FMQx.v0@. 
.4%..Т.1.44 
ЗРЭ ЭР»... 
г.с, а бо T 


Р..КЦ.Б5...18.Р 
.4..40.."Р &.e. 


e ad о СЕ 
5525.МЦ...1...4. 
.А.|.М8.п1....М. 
7...Mt....Q.W0.g 
(`...Б.ба..{..РК 
ПАРА LUTo.. 
S oe ПРЕ inde 


address 

00000340 
00000350 
00000360 
00000370 
00000380 
00000390 
000003a0 
000003b0 
000003c0 
000003d0 
000003e0 
000003f0 
00000400 
00000410 


00 
ef 
14 
00 
20 
6d 
18 
6c 
08 
00 
Oe 
00 
36 
50 
Ца 


01 
79 
00 
00 
00 
6c 
2d 
9d 
00 
00 
01 
00 
a6 
4b 
03 


02 
1f 
00 
5f 
00 
ба 
ср 
са 
a0 
08 
00 
00 
98 
05 
00 


03 
6a 
00 
01 
00 
00 
dd 
dd 
a3 
00 
00 
00 
110) 
06 
00 


ou 
fb 
08 
00 
00 
20 
d8 
d8 
Uc 
24 
69 
01 
60 
00 
00 


05 
Ба 
00 
00 
00 
00 
01 
01 
55 
00 
6e 
00 
de 
00 
00 


06 
56 
5a 
ба 
00 
00 
32 
50 
54 
00 
64 
18 
d8 
00 


07 
c4 
15 
00 
00 
00 
fe 
4b 
6f 
00 
65 
00 
01 
00 


08 
7f 
Uc 
24 
69 
00 
la 
01 
р7 
00 
78 
55 
a2 
02 


09 
01 
55 
00 
бе 
00 
5+ 
02 
ец 
00 
2е 
96 
1f 
00 


10 
50 
a2 
00 
64 
01 
60 
3+ 
16 
00 
ба 
бе 
2+ 
02 


11 
Ub 
c7 
00 
65 
00 
de 
00 
02 
00 
73 
1d 
b1 
00 


12 
01 
35 
00 
78 
18 
d8 
1H 
00 
20 
0a 
60 
ca 
b6 


13 
02 
95 
00 
2e 
00 
01 
00 
00 
00 
00 
de 
dd 
00 


1H 
3f 
e6 
00 
68 
10 
2b 
00 
8f 
00 
20 
d8 
d8 
00 


15 
00 
00 
00 
74 
бе 
b8 
00 
ou 
00 
00 
01 
01 
00 


NEN ээ 


Pu cie index.ht 


address 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 ASCII 


00000340 ef 79 1f ба fb bd 56 сц 7f 01 50 4b 01 02 ЗЕ 00 .У)..\М.П.РК..?. 
00000350 14 00 00 00 08 00 5a 15 Hc 55 ад c7 35 95 еб 00 ..... ZU: 5... 
00000360 00 00 Sf 01 00 00 ба 00 24 00 00 00 00 00 00 00 еони Y E 
00000370 20 00 00 00 00 00 00 00 69 бе 64 65 78 2e 68 74 . ....... index.ht 
00000380 6d 6c ба 00 20 00 00 00 00 00 01 00 18 00 10 бе NL... 2772227; n 
00000390 18 2d cb dd 98 01 32 fe 1а 5f 60 де 98 01 2b b8 туухэн?! 
00000330 бс 9d ca dd 98 01 50 4b 01 02 ЗЕ 00 14 00 00 00 ка РК... 
000003509 08 00 аб аз Чс 55 54 6+ b7 ең 16 02 00 00 8f оц А TOS s s. 
090003с0 00 00 08 00 24 00 00 00 00 00 00 00 20 00 00 00 TEC c vs 
000003d0 Oe 01 00 00 69 бе 64 65 78 2e ба 73 0a 00 20 00 ....index.js.. 
000003e0 00 00 00 00 01 00 18 00 55 96 бе 1d 60 de d8 01 ....... И. ЈЕ 
000003f0 36 a6 98 ЦО 60 de 98 01 a2 1f 2f b1 ca dd 98 01 ЗИД зас LAC 
00000400 50 4b 05 06 00 00 00 00 02 00 02 00 b6 00 00 00 Рак сайта 
00000410 Ha 03 00 00 00 00 Маи 


Central directory file header 


address 

00000340 
00000350 
00000360 
00000370 
00000380 
00000390 
000003a0 
000003b0 
000003c0 
000003d0 
000003e0 
000003f0 
00000400 
00000410 


00 
ef 
14 
00 
20 
6d 
18 
6c 
08 
00 
бе 
00 
36 
50 
Ца 


01 
79 
00 
00 
00 
6c 
2d 
9d 
00 
00 
01 
00 
a6 
Ub 
03 


02 
1f 
00 
5+ 
00 
ба 
ср 
са 
a0 
08 
00 
00 
98 
05 
00 


03 
ба 
00 
01 
00 
00 
dd 
dd 
a3 
00 
00 
00 
це 
06 
00 


ou 
fb 
08 
00 
00 
20 
d8 
d8 
Uc 
24 
69 
01 
60 
00 
00 


05 
bd 
00 
00 
00 
00 
01 
01 
55 
00 
6e 
00 
de 
00 
00 


06 
56 
Ба 
ба 
00 
00 
32 
50 
54 
00 
64 
18 
98 
09 


07 
c4 
T5 
00 
00 
00 
fe 
4b 
6f 
00 
65 
00 
01 
00 


08 
7f 
Uc 
24 
69 
00 
la 
01 
р7 
00 
78 
55 
a2 
02 


09 
01 
59 
00 
6e 
00 
5+ 
02 
ell 
00 
2е 
96 
1f 
00 


10 
50 
a2 
00 
64 
01 
60 
3f 
16 
00 
6a 
Oe 
2+ 
02 


11 
4b 
c7 
00 
65 
00 
de 
00 
02 
00 
73 
1d 
b1 
00 


12 
01 
35 
00 
78 
18 
d8 
14 
00 
20 
ба 
60 
са 
b6 


13 
02 
95 
00 
2e 
00 
91 
00 
00 
00 
00 
de 
dd 
00 


14 
3f 
e6 
00 
68 
10 
2b 
00 
8+ 
00 
20 
98 
98 
09 


15 ASCII 

00 .уј..М.0.РК..?. 

96 

од Имя файла 

7 

бе ші. 295.3155 п 

b8 Pues Se + 

00 | per РК..?.... 

ou Кү 54. 

00 ЖТТ? 

00 index.js 

UL? гочат. Bu 

01 быз уух! хайн 

00 PR Law eee sies 
ч 2549 


Central directory file header 


address 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 
00000340 ef 79 1f ба fb bd 56 сц 7f 01 50 ЦЬ 01 02 3f 
00000350 14 00 00 00 08 00 5a 15 цс 55 a2 c7 35 95 еб 0d суатый размер 
00000360 00 00 5f 01 00 00 ба 00 24 00 00 00 00 00 00 06 це сжатый размер 
00000370 20 00 00 00 00 00 00 00 69 бе 64 65 78 2e 68 | 

00000380 | 64 6c ба 00 20 00 00 00 00 00 01 00 18 00 10 
90000390 18 2d cb dd 48 01 32 fe 1a 5f 60 de 48 01 2b 
00009340 бс 9d ca dd 48 01 50 4b 01 02 3f 00 14 00 00 
00000350 08 00 аб a3 цс 55 54 6f b7 ец 16 02 00 00 8f 
0900030 00 00 өз 00 24 00 00 00 өө 00 00 өө 20 00 00 
00000340 Ое 01 00 00 69 бе 64 65 78 ге ба 73 ба 00 20 
000003e0 00 00 00 00 01 00 18 00 55 96 бе 1d 60 de d8 
000003f0 36 аб 98 40 60 de 48 01 a2 1f 2f b1 ca dd 48 
00000400 50 ць 05 06 өө 00 00 00 02 өө 02 00 b6 00 00 
00000810 ца 03 00 00 00 00 8-2 


Central directory file header 


address 

00000340 
00000350 
00000360 
00000370 
00000380 
00000390 
000003a0 
000003b0 
000003c0 
000003d0 
000003e0 
00000310 
00000400 
00000410 


00 
ef 
14 
00 
20 
6d 
18 
6c 
08 
00 
Oe 
00 
36 
50 
Ца 


01 
79 
00 
00 
00 
6c 
2d 
9d 
00 
00 
01 
00 
a6 
Ub 
03 


02 
1f 
00 
5+ 
00 
да 
ср 
са 
ад 
98 
00 
00 
98 
05 
00 


03 
ба 
00 
01 
00 
00 
dd 
dd 
a3 
00 
00 
00 
110) 
06 
00 


ou 
fb 
08 
00 
00 
20 
d8 
d8 
Uc 
24 
69 
91 
60 
00 
00 


05 
Ба 
00 
00 
00 
00 
01 
01 
55 
00 
бе 
00 
де 
00 
00 


06 
56 
5а 
ба 
00 
00 
32 
50 
54 
00 
64 
18 
98 
09 


07 
c4 
15 
00 
00 
00 
fe 
4b 
6f 
00 
65 
00 
01 
00 


08 09 10 11 12 13 14 15 ASCII 
7f 01 50 4b 01 02 3f 00 .У)..М.0.РК..?. 
Число СОБ 
Размер всех CDF 
Начало CDF 
Та 5f 60 de 98 01 2b b8 -....2._` + 
01 02 3f 00 14 00 00 00 2223 РК..?.... 
b7 ец 16 02 00 00 8f ОЦ Л.0ТӨ- о и. 
до 00 00 00 20 00 00 00 РЕ 
78 2e 6a 73 0a 00 20 00 index.js 
55 96 Өе 1d 60 де d8 01 | ....... ТЕГЕ 
a2 1f 2f b1 са dd 98 01 6..@`. ух ME. 
02 00 02 00 b6 00 00 00 РИ одаи ие З 
ПЕРУ 


End of central directory record 


address 

00000340 
00000350 
00000360 
00000370 
00000380 
00000390 
000003a0 
000003b0 
000003c0 
000003d0 
000003e0 
00000310 
00000400 
00000410 


00 01 02 03 04 05 06 07 08 09 
ef 79 1+ ба fb Ба 56 сц 7Ғ 01 
14 00 00 00 08 00 5a 15 
00 00 БЕ 01 00 00 Oa 00 
20 00 00 00 00 00 00 00 
6d 6c Oa 00 20 00 00 06 
18 2d cb dd 98 01 32 fe 1а 5f 
6c 9d ca dd 98 01 50 ЦЬ 01 02 
08 00 аб аз dc 55 54 6f b7 eu 
00 00 08 00 24 OO 00 OO 00 00 
Oe 01 00 00 69 бе 64 65 78 2e 
00 00 00 00 O1 OO 18 00 55 96 
36 аб 98 ЦО 60 de 98 01 a2 1f 
50 4b 05 06 00 00 00 00 02 00 
ца 03 00 00 00 00 


4a 03 00 00 


ASCII 
.yj..V.O.PK..?. 


10 11 12 13 14 15 
50 4b 01 02 3+ 00 


Число CDF 
Размер всех CDF 
Начало CDF 
60 де 48 01 2b b8 ТЕУ Баса Ж, 
3f 00 14 00 00 00 По РК..?.... 
16 02 00 00 ЗЕ ОЦ ЛИТО ара 
00 00 20 00 00 00 Е: 
ба 73 Oa 00 20 00 index.js 
бе 14 60 de d8 01 | ....... U..' 
2f b1 ca dd 98 01 6..@`. / s E 
02 00 b6 00 00 06 к oo EN Die 
ея 


-> 00 00 03 4А 


address 

00000340 
00000350 
00000360 
00000370 
00000380 
00000390 
000003a0 
000003b0 
000003c0 
000003d0 
000003e0 
00000310 
00000400 
00000410 


00 
ef 
14 
00 
20 
6d 
18 
6c 
08 
00 
бе 
00 
36 
50 
Ца 


01 
79 
00 
00 
00 
6c 
2d 
9d 
00 
00 
01 
00 
a6 
Ub 
03 


02 
1f 
00 
5+ 
00 
да 
ср 
са 
ад 
98 
00 
00 
98 
05 
00 


03 
ба 
00 
01 
00 
00 
dd 
dd 
a3 
00 
00 
00 
Ho 
06 
00 


ou 
fb 
08 
00 
00 
20 
d8 
d8 
Uc 
24 
69 
91 
60 
00 
00 


05 
Ба 
00 
00 
00 
00 
01 
01 
55 
00 
бе 
00 
де 
00 
00 


06 
56 
5а 
ба 
00 
00 
32 
50 
54 
00 
64 
18 
98 
09 


07 
c4 
15 
00 
00 
00 
fe 
4b 
6f 
00 
65 
00 
01 
00 


08 
7+ 


1а 
01 
b7 
00 
78 
55 
a2 
02 


09 
01 


5f 
02 
ец 
00 
2е 
96 
1f 
00 


10 
50 


60 
3+ 
16 
00 
ба 
бе 
2+ 
02 


11 
ць 


де 
00 
02 
00 
73 
1d 
b1 
00 


12 
01 


d8 
1H 
00 
20 
0a 
60 
ca 
b6 


13 
02 


01 
00 
00 
00 
00 
de 
dd 
00 


14 
3+ 


2b 
00 
8+ 
00 
20 
d8 
d8 
00 


ASCII 
.yj. . V.B.PH..2. 


Число CDF 
Размер всех CDF 


Начало CDF 


parselnt('0000034A', 16) = 842 


address 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 ASCII 


00000340 ef 79 1f ба fb bd 56 сц 7+ 01 50 4b 01 02 ЗЕ 00 .У)..\.П.РК..?. 
00000350 14 00 00 00 08 00 Ба 15 Цс 55 a2 c7 35 95 еб 00 | ..... 230.5... 
00000360 00 00 5f 01 00 00 ба 00 24 00 00 00 00 00 00 00 INC Сато а ал 
00000370 20 00 00 00 00 00 00 00 69 бе 64 65 78 2e 68 74 ....... index.ht 
00000380 6d 6c ба 00 20 00 00 00 00 00 01 00 18 00 10 бе "nb. и Г. n 
00000390 18 2d cb dd 98 01 32 fe 1а 5f 60 de d8 01 2b b8 Bist 2 ам 
000003a0 6c 9d ca dd 98 01 50 4b 01 02 ЗЕ 00 14 00 00 00 Р РК; али. 
00000350 08 00 аб аз Дс 55 54 6+ b7 ец 16 02 00 00 8f ОЦ сыз LUTO.: №. 
000003с0 00 00 08 00 24 00 00 00 00 00 00 00 20 00 00 00 Же n 
00000340 Ое 01 00 00 69 бе 64 65 78 2e ба 73 0а 00 20 00 ....index.js.. 
000003e0 00 00 00 00 01 00 18 00 55 96 бе 1d 60 de d8 01 ...... 1925 2 
00000380 36 аб 98 ЦО 60 de 98 01 a2 1f 2f 61 ca dd 98 01 6:.0 "7227/2288: 
00000400 50 4b 05 06 00 00 00 00 02 00 02 00 b6 00 00 00 ET иа 
00000410 Ha 03 00 00 00 00 di dx 


parselnt('00000340', 16) + 10 = 842 


Пример 


const input = document.createElement('input'); 
input.setAttribute('type', 'file'); 
input.setAttribute('accept', '.zip'); 
document.body.appendChild(input); 


const pre = document.createElement('pre'); 
document.body.appendChild(pre); 


input.onchange = async (e) => { 
const buffer = await e.target.files[0].arrayBuffer(); 
const view = new DataView(buffer); 
let offset = Q; 


const signature = view.getUint32(0, true); 
if (signature !== 0х04034650) { 

throw Error('He ZIP архив или ошибки в заголовке.'); 
) 


let result = ''; 


while (view.getUint32(offset, true) === 0x04034b50) { 
const compressedSize = view.getUint32(offset + 18, true); 
const uncompressedSize = view.getUint32(offset + 22, true); 
const filenameLength = view.getUint16(offset + 26, true); 
const extraFieldLength = view.getUint16(offset + 28, true); 


const fileName = new Uint8Array(buffer, offset + 30, filenameLength); 

const decoder = new TextDecoder(); 

const fileNameUTF8 = decoder.decode(fileName); 

offset += 30 + filenameLength + extraFieldLength + compressedSize; 

result += fileNameUTF8 + ~(${compressedSize}:${uncompressedSize}) + '\п\п'; 


} 


pre.innerText = result; 


while (view.getUint32(offset, true) === 0x04034b50) 1 
const compressedSize = view.getUint32(offset + 18, true); 
const uncompressedSize = view.getUint32(offset + 22, true); 
const filenameLength = view.getUinti6(offset + 26, true); 
const extraFieldLength = view.getUinti6(offset + 28, true); 


const fileName = new Uint8Array(buffer, offset + 30, filenameLength); 

const decoder = new TextDecoder(); 

const fileNameUTF8 = decoder.decode(fileName); 

offset += 30 + filenameLength + extraFieldLength + compressedSize; 

result += fileNameUTF8 + ~(${compressedSize}:${uncompressedSize}) + '\п\п'; 


while (view. getUint32(offset, true) === 0x04034b50) 1 
const compressedSize = view.getUint32(offset + 18, true); 
const uncompressedSize = view.getUint32(offset + 22, true); 
const filenameLength = view.getUinti6(offset + 26, true); 
const extraFieldLength = view.getUinti6(offset + 28, true); 


const fileName = new Uint8Array(buffer, offset + 30, filenameLength); 

const decoder = new TextDecoder(); 

const fileNameUTF8 = decoder.decode( fileName) ; 

offset += 30 + filenameLength + extraFieldLength + compressedSize; 

result += fileNameUTF8 + ~(${compressedSize}:${uncompressedSize}) + '\п\п'; 


while (view.getUint32(offset, true) === 0x04034b50) 1 
const compressedSize = view.getUint32(offset + 18, true); 
const uncompressedSize = view.getUint32(offset + 22, true); 
const filenameLength = view.getUinti6(offset + 26, true); 
const extraFieldLength = view.getUinti6(offset + 28, true); 


const fileName = new Uint8Array(buffer, offset + 30, filenameLength); 

const decoder = new TextDecoder(); 

const fileNameUTF8 = decoder.decode( fileName) ; 

offset += 30 + filenameLength + extraFieldLength + compressedSize; 

result += fileNameUTF8 + ~(${compressedSize}:${uncompressedSize}) + '\п\п'; 


Пример 


const zip = async (files, comp = false) => { 
const encoder = new TextEncoder(); 
const zipübj = await Object.entries(files).reduce(async (obj, [fileName, data]) => { 


obj з await obj; 
fileName - await fileName; 
data з await data; 


size = data.length; 
_erc32 = crc32(data); 
Const offset = obj.lf.length; 


const compressed = await compress(data); 
const compressedSize = compressed. length; 


bj .1f.push(67324752 B Oxff); 
0bj.lf.push(57324752 >> 8 & Oxff); 
0bj.lf.push(67324752 >> 16 В Oxff) 
obj. 1f.push(67324752 >> 24 Б Oxff); 
obj.1f.push(10, 0, 0, 0, В, 0); 
0bj.lf.push(28021 8 Oxff); 
0bj.lf.push(28021 >> 8 8 Oxff); 
0bj.lf.push(20072 8 Oxff); 
0bj.lf.push(20072 >> 8 5 Oxff); 
0bj.lf.push( crc32 Б Oxff); 
0bj.lf.push( crc32 >> В & Oxff) 
0bj.lf.push(crc32 >> 16 8 Oxff); 
0bj.lf.push( crc32 >> 24 & Oxff); 


0bj.1f.push(compressedSize B Oxff); 

0bj.lf.push(compressedSize >> 8 8 Oxff); 
0bj.1f.push(compressedSize >> 16 & Oxff); 
obj.1f.push(compressedSize >> 24 8 Oxff); 


obj.lf.push(size 5 Oxff); 

053 ЛЕ push(size >> 8 & Oxff); 
0bj.lf.push(size >> 16 8 Oxff); 

053 1F push(size >> 24 8 0хбб); 
0bj.lf.push(fileName.length & Oxff); 

053 ЛЕ push(fileName.Length >> 8 в Oxff); 
0bj.lf.push(0, 0); 

bj. 1F push(. . encoder ‚encode(fileName)); 


0bj.1f.push(. . compressed); 


0bj.cd.push(33639248 Б ОХЕЕ); 
0bj.cd.push(33639248 >> 8 & Oxff); 
0bj.cd.push(33639248 >> 16 & Oxff); 
0bj.cd.push(33639248 >> 24 Б Oxff); 
0bj.cd.push(0, 0, 0, 0, 0, 0, 0, 0); 
0bj.cd.push(28021 8 Oxff); 
0bj.cd.push(28021 >> 8 5 Oxff); 
0bj.cd.push(20072 8 Oxff); 
0bj.cd.push(20072 >> В 8 Oxff); 
0bj.cd.push( crc32 Б Oxff); 
0bj.cd.push( crc32 >> В & Oxff); 
0bj.cd.push(-crc32 >> 16 8 Oxff); 
0bj.cd.push( crc32 >> 24 & Oxff); 


0bj.cd.push(compressedSize B Oxff); 

0bj.cd.push(compressedSize >> 8 & Oxff); 
obj.cd.push(compressedSize >> 16 & Oxff) 
0bj.cd.push(compressedSize >> 24 8 Oxff); 


obj.cd.push(size & Oxff); 
0bj.cd.push(size >> 8 & Ох); 
obj.cd.push(size >> 16 5 Oxff); 
0bj.cd.push(size >> 24 5 0xff); 
obj.cd.push(fileName.length & Oxff); 
0bj.cd.push(fileName.length >> 8 & Oxff); 
0bj.cd.push(0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 
0bj.cd.push(offset Б охеб); 
obj.cd.push(offset >> 8 в Oxff); 
obj.cd.push(offset >> 16 Б Oxff); 
obj.cd.push(offset >> 24 8 Oxff); 

ов. cd.push(.. . encoder. encode( fileName) ); 


obj.ecdf[0] += 1; 
obj.ecdf[1] = obj.cd.length; 
obj.ecdf[2] = obj.lf.length; 


return obj; 


111, са: [], ecdf: Го, 0, 01 


const ecd = | 
101010256 Б Oxff, 
101010256 >> 8 в Oxff, 
101010256 >> 16 Б Oxff, 
101010256 >> 24 Б Oxff, 
9,9, 
zip0bj.ecdf[0] в Oxff, 
zip0bj.ecdf[0] >> 8 & Oxff, 
zip0bj.ecdf[0] в Oxff, 
zip0bj.ecdf[0] >> 8 Б Oxff, 
zip0bj.ecdf[1] в Oxff, 
zipObj.ecdf[1] >> 8 & Oxff, 
zipObj.ecdf[1] >> 16 В Oxff, 
zip0bj.ecdf[1] >> 24 Б Oxff, 
zip0bj.ecdf[2] в Oxff, 
zipObj.ecdf[2] >> 8 & Oxff, 
zipObj.ecdf[2] >> 16 В Oxff, 
zipobj.ecdf[2] >> 24 Б Oxff, 
0, 0 


turn new IntSArray([...zipObj.lf, ...zipObj.cd, ...ecd]).buffer 


.push(67324752 6 Oxff); 

push 67324752 >> 8 G Oxf): 

push 67324752 21212011): 

push 67324752 >> DI: 
.push(10, 0, 0, 0, 8, 0); 
.push(28021 & Oxff); 

.push(28021 >> 8 & Oxff); 
.push(20072 8 Oxff); 

.push(20072 >> 8 & Oxff); 

push 2сгс 22010111 

UCN Times Se ets ра о 

Приз teres) exo do б» DERIT 

UCM eines? SS ОП fs irs 
.push(compressedSize 8 0хҒҒ); 
.push(compressedSize >> 8 & Oxff); 
.push(compressedSize >> 16 & Oxff); 
.push(compressedSize >> 24 & Oxff); 
.push(size 5 @xff); 

.push(size >> 8 & Oxff); 

Приз заел SS 10 5 УФО 

US алма СИЕ 
.push(fileName.length 8 Oxff); 
.push(fileName.length >> 8 & Oxff); 
.push(0, 0); 
.push(...encoder.encode( fileName) ); 
.push(...compressed); 


-push(33639248 а @хїї); 
.push(33639248 >> 8 & Oxff); 
.push(33639248 >> 16 & Oxff); 
.push(33639248 >> 24 8 Oxff); 
.push(0, 0, 0, 0, 0, 0, 0, 0); 
.push(28021 8 0хҒҒ); 

.push(28021 >> 8 & 0хҒҒ); 
.push(20072 5 Oxff); 

.push(20072 >> 8 & 0хҒҒ); 

И еее бу РГ. 

-pushi cred? >> В 5 0x1): 

Pushi Berc32, s> 16 во 7 

push СЄЗ? >> 24 нених РО; 
.push(compressedSize 8 Oxff); 
.push(compressedSize >> 8 6 Oxff); 
.push(compressedSize >> 16 6 Oxff); 
.push(compressedSize >> 24 & Oxff); 
.push(size & Qxff); 

.push(size >> 8 5 Oxff); 

па Пап ле >> 16 0x): 

Be отдаден > 2105 г 
.push(fileName.length & Oxff); 
.push(fileName.length >> 8 & Oxff); 
.push(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 
.push(offset 8 Oxff); 

.push(offset >> 8 & Oxff); 
.push(offset >> 16 5 Oxff); 
.push(offset >> 24 6 Oxff); 
.push(...encoder.encode(fileName)); 


.push(67324752 8 Oxff); 
„ризН(67324 752 >> 8 5 Oxtf); 
pushl O67 324/525>>. 162 50x17): 

push 673247597 >> 24 5 ОЮ): 

праз 10,20, 0, 0, 8, 0); 
.push(28021 5 Oxff); 

.push(28021 >> 8 6 Oxff); 
.push(20072 5 Oxff); 

.push(20072 >> 8 6 Oxff); 
ее E GE 

push cres E I 

pushl cre- T6 EA E 

PUN ЗЕЕ > rat): 
.push(compressedSize 8 @xff); 
.push(compressedSize >> 8 & Oxff); 
.push(compressedSize >> 16 & Oxff); 
.push(compressedSize >> 24 6 Oxff); 
.push(size 8 Qxff); 

pushl size >> 8 5 OxTT): 

.push(size >> 16 5 0хҒҒ); 

pushl size -- 24 o Oxf); 
.push(fileName.length 8 0хҒҒ); 
.push(fileName.length >> 8 8 Oxff); 
.push(0, 0); 
.push(...encoder.encode(fileName)); 
.push(...compressed); 


.push(33639248 8 Oxff); 
.push(33639248 >> 8 & Oxff); 
.push(33639248 >> 16 5 Oxff); 
.push(33639248 >> 24 & Oxff); 
.push(0, 0, 0, 0, 0, 0, 0, 0); 
.push(28021 5 Oxff); 

.push(28021 >> 8 & Oxff); 
.риѕћ(20072 8 Oxff); 

.push(20072 >> 8 & Oxff); 
веет 5 ах“ 

(DUSK ее 03115 

при ево 255 31656 MET) 

про ССЗ S (бург 
.push(compressedSize 8 0хҒҒ); 
.push(compressedSize >> 8 8 Oxff); 
.push(compressedSize >> 16 8 Oxff); 
.push(compressedSize >> 24 6 Oxff); 
.push(size 8 Oxff); 

-pushlsizer >> 875 Manr) 

.push(size >> 16 & Oxff); 
.push(size >> 24 & Oxff); 
.push(fileName.length & Oxff); 
.push(fileName.length >> 8 & Oxff); 
.push(0, 0, 0, 0, 0, 0, 0, 0, 0,0, 
.push(offset & 0хҒҒ); 

.push(offset >> 8 8 Oxff); 
.push(offset >> 16 8 Oxff); 
.push(offset >> 24 6 Oxff); 
.push(...encoder.encode(fileName)); 


obj.lf.push(compressedSize 8 0хҒҒ); j. сд.ри5 (33639248 6 Oxff); 
obj.lf.push(compressedSize >> 8 8 Oxff); j. сд.ри5 (33639248 >> 8 8 Oxff); 


obj.lf.push(compressedSize >> 16 5 Oxff); j. cd. push(33639248 >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); j.cd.push( 33639248 >> 24 8 Oxff); 


obj.lf.push(compressedSize 8 Oxff); j.cd.push(33639248 8 Oxff); 
obj.If.push(compressedSize >> 8 5 Oxff); j.cd.push( 33639248 >> 8 6 Oxff); 


obj.lf.push(compressedSize >> 16 8 Oxff); j.cd.push(33639248 >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); j.cd.push( 33639248 >> 24 6 Oxff); 


2 16 ASCII 
(33639248).toString(2).padStart(32, 107) 00000010000000010100101101010000 


obj.lf.push(compressedSize 8 0хҒҒ); j. сд.ри5 (33639248 6 Oxff); 
obj.lf.push(compressedSize >> 8 8 0хҒҒ); j. сд.ри5 (33639248 >> 8 8 Oxff); 


obj.lf.push(compressedSize >> 16 8 Oxff); j.cd.push( 33639248 >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); j.cd.push( 33639248 >> 24 8 Oxff); 


2 16 ASCII 
(33639248).toString(2).padStart(32, "07 00000010000000010100101101010000 
(Oxff).toString(2).padStart(32, '0') 00000000000000000000000011111111 


obj.lf.push(compressedSize 8 Oxff); j.cd.push(33639248 8 Oxff); 
obj.lf.push(compressedSize >> 8 8 0хҒҒ); j.cd.push(33639248 >> 8 8 Oxff); 


obj.lf.push(compressedSize >> 16 8 0хҒҒ); ).са.ри5һ(33639248 >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); j.cd.push(33639248 >> 24 6 Oxff); 


2 16 ASCII 
(33639248).toString(2).padStart(32, '0') 00000010000000010100101101010000 
(Oxff).toString(2).padStart(32, '0') 00000000000000000000000011111111 


(33639248 & Oxff).toString(2).padStart(32, (0) 00000000000000000000000001010000 50 Р 


obj.lf.push(compressedSize 8 0хҒҒ); j. сд.ри5 (33639248 6 Oxff); 
obj.lf.push(compressedSize >> 8 8 0хҒҒ); j. сд.ри5 (33639248 >> 8 8 Oxff); 


obj.lf.push(compressedSize >> 16 8 0хҒҒ); ).са.ри5һ(33639248 >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); j.cd.push( 33639248 >> 24 8 Oxff); 


2 16 ASCII 
(33639248) .toString(2).padStart(32, '0') 00000010000000010100101101010000 
(Oxff).toString(2).padStart(32, '0') 00000000000000000000000011111111 
(33639248 & Oxff).toString(2).padStart(32, '0') 00000000000000000000000001010000 50 р 
(33639248 >> 8).toString(2).padStart(32, '0') 00000000000000100000000101001011 
(Oxff).toString(2).padStart(32, '0') 00000000000000000000000011111111 


(33639248 >> 8 & Oxft).toString(2).padStart(32, '0') 00000000000000000000000001001011 4b K 


obj.lf.push(compressedSize 8 0xff); 
obj.lf.push(compressedSize >> 8 8 Oxff); 


obj.lf.push(compressedSize >> 16 8 Oxff); 
obj.lf.push(compressedSize >> 24 8 Oxff); 


33639248).toString(2).padStart(32, '0') 
Oxff).toString(2).padStart(32, 10") 

33639248 & Oxff).toString(2).padStart(32, '0') 
33639248 >> 8).toString(2).padStart(32, '0') 
Oxff).toString(2).padStart(32, 10") 

33639248 >> 8 & Oxff).toString(2).padStart(32, 0!) 
(33639248 >> 16 & Oxff).toString(2).padStart(32, 0!) 
(33639248 >> 74 & Oxff).toString(2).padStart(32, 0!) 


| 
| 
| 
| 
| 
| 


j.cd.push(33639248 8 Oxff); 


раса рис >36 302085 E БР, 
раса рше 22529218022 16 05 0). 
раса рше БЕСЕСУЛІЬ»ЛУЛ 509 


2 
00000010000000010100101101010000 
00000000000000000000000011111111 
00000000000000000000000001010000 
00000000000000100000000101001011 
00000000000000000000000011111111 
00000000000000000000000001001011 
0000000000000000 227200000001 
000000000000000000000000 2222272 


16 


50 


Ab 
01 
02 


ASCII 


const compress = async (data) => { 
const encoder = new TextEncoder(); 
const array = encoder.encode(data); 
const stream = new ReadableStream({ 
start(controller) { 
controller.enqueue(array); 
controller.close(); 


type: 'bytes' 


ШІ 
const combined = stream.pipeThroush(new CompressionStream( 'deflate-raw')); 
const reader = combined.getReader(); 
let result = null; 
await reader.read().then(function foo({ done, value }) { 

if (done) { 

TS SUUS 
} 


result = value; 
return reader.read().then(foo); 
t); 


return result; 


const compress = async (data) => { 
const encoder = new TextEncoder(); 
const array = encoder.encode(data); 
const stream = new ReadableStream({ 
start(controller) { 
controller.enqueue(array); 
Controller, close) 
| 
type: 'bytes' 


р); 


const combined = stream.pipeThroush(new CompressionStream( 'deflate-raw' )); 


const reader = combined.getReader(); 
let result = null; 
await reader.read().then(function foo({ done, value }) { 
if (done) | 
return; 
} 


result = value; 
return reader.read().then(foo); 


nr 


return result; 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 


headers: { 
'range': "bytes=$121953915 + 30 + 53}-${3529 + 21953915 + 30 + 53}° 


) 


.then(resp => resp.blob()) 
.then(blob => { 
const ds = new DecompressionStream( 'deflate-raw' ); 
const stream = blob.stream().pipeThrough(ds); 
const reader = stream.getReader(); 
reader.read().then(({ done, value |) => 1 
const decoder = new TextDecoder(); 
const file = new File([decoder.decode(value)], 'README.md'); 
const url = URL.createObjectURL( file); 


}) 


const a = document.createElement('a'); 
a.download = 'README.md'; 
a.href = url; 
document.body.append(a); 
a.click(); 
1209 
р. 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 


headers: 
'range': ^bytes-$121953915 + 30 + 53}-${3529 + 21953915 + 30 + 53 


} 


‚then(resp => resp.blob( )) 
.then(blob => { 
const ds = new DecompressionStream( 'deflate-raw'); 
const stream = blob.stream( ).pipeThroush(ds); 
const reader = stream.getReader(); 
reader.read( ).then(({ done, value |) => | 
const decoder = new TextDecoder(); 
const file = new File([decoder.decode(value)], 'README.md'); 
const url = URL.createObjectURL(file); 


}) 


const a з document.createElement('a'); 
a.download = 'README.md'; 
a. href = url; 
document. body.append(a); 
ar clicka): 
DE 
}) 


Бонус пример N21 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': 'bytes--22' 


}) 

.then(resp => resp.blob()) 

.then(blob => blob.arrayBuffer()) 

.then(buffer => { 
const dataView = new DataView(buffer); 
const sign = dataView.getUint32(0, true); 
const filesCount = dataView.getUint16(10, true); 
const cdStartOffset = dataView.getUint32(16, true); 
console.log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': "bytes=${cdStartOffset}-" 


}) 
.then(resp => resp.blob()) 
.then(blob => blob.arrayBuffer()) 
.then(buffer => { 
let offset = 0; 
let result = ''; 
const dataView = new DataView(buffer); 
console.log(buffer, dataView.getUint32(offset, true)); 
while (dataView.getUint32(offset, true) === 33639248) { 
const compressedSize = dataView.getUint32(offset + 20, true); 
const uncompressedSize = dataView.getUint32(offset + 24, true); 
const filenameLength = dataView.getUint16(offset + 28, true); 
const extraFieldLength = dataView.getUint16(offset + 30, true); 
const fileCommentLength = dataView.getUint16(offset + 32, true); 
const fileName = new Uint8Array(buffer, offset + 46, filenameLength); 
const decoder = new TextDecoder(); 
const fileNameUTF8 = decoder.decode( fileName); 
offset += 46 + filenameLength + extraFieldLength + fileCommentLength; 
result += fileNameUTF8 + ~(${compressedSize}:${uncompressedSize}) + '\n\n'; 
} 
console. log(result); 
195 
Dh 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': 'bytes--22' 


}) 

.then(resp => resp.blob()) 

.then(blob => blob.arrayBuffer() ) 

.then(buffer => { 
const dataView = new DataView(buffer); 
const sign = dataView.getUint32(0, true); 
const filesCount = dataView.getUint16(10, true); 
const cdStartOffset = dataView.getUint32(16, true); 
console.log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': "bytes=${cdStartOffset}-" 


}) 
.then(resp => resp.blob()) 
.then(blob => blob.arrayBuffer()) 
.then(buffer => { 
let offset = Q; 
let result = "7; 
const dataView = new DataView(buffer); 
console. log(buffer, dataView.getUint32(offset, true)); 
while (dataView. getUint32(offset, true) === 33639248) { 
const compressedSize = dataView.getUint32(offset + 20, true); 
const uncompressedSize = dataView.getUint32(offset + 24, true); 
const filenameLength = dataView.getUint16(offset + 28, true); 
const extraFieldLength = dataView.getUint16(offset + 30, true); 
const fileCommentLength = dataView.getUint16(offset + 32, true); 
const fileName = new Uint8Array(buffer, offset + 46, filenameLength); 
const decoder = new TextDecoder(); 
const fileNameUTF8 = decoder.decode(fileName); 
offset += 46 + filenameLength + extraFieldLength + fileCommentLength; 
result += fileNameUTF8 + "(${compressedSize}:${uncompressedSize}) + '\n\n'; 
} 
console. log(result); 
D 
195 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', 1 
headers: { 
'range': 'bytes--22' 
) 


}) 

.then(resp => resp.blob()) 

.then(blob => blob.arrayBuffer()) 

.then(buffer => { 
const dataView = new DataView(buffer); 
const sign = dataView.getUint32(0, true); 
const filesCount = dataView.getUint16(10, true); 
const cdStartOffset = dataView.getUint32(16, true); 
console.log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': ^bytes-$ícdStartOffset]-^ 


1) 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': 'bytes--22' 
} 


‚then(resp => resp.blob( )) 
.then(blob => blob.arrayBuffer()) 
.then(buffer => { 
const dataView = new DataView(buffer); 
const sign = dataView.getUint32(0, true); 
const filesCount = dataView.getUint16(10, true); 
const cdStartOffset = dataView. getUint32(16, true); 
console. log(sign, sign.toString(16), filesCount, cdStartOffset); 


р) 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 


'range': "bytes=${cdStartOffset}- ` 
} 
}) 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18. 049 14 мар 


2 | Число дисков 

AI 11222... 

‘range’: 'bytes--22' [s [z|wmtbmgwm ннен 
} 

y аз јаме 

.then(resp -» resp.blob()) | 16 |4 | Смещение до первой записиср | 
.then(blob => blob.arrayBuffer()) | 20 | 2 | Длина комментария 
.then(buffer => { | 22 | п [Комментарий | | | 

const dataView = new DataView(buffer); 

const sign = dataView.getUint32(0, true); 

const filesCount = dataView.getUint16(10, true); 

const cdStartOffset = dataView. getUint32(16, true); 

console. log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 


'range': "bytes=${cdStartOffset}-' 
} 
0) 


еее coo 

fetch('https://nodejs.org/dist/v16.18.0/node-v16. во 

headers: { Го ici == 

; ‘Tange’: 'bytes--22' | 8 |2 [Число СОнадине | | | || 

0 |2 {чило 

|) E MEE 

.then(resp -» resp.blob()) | 16 |4 | Смещение до первой записи CD | 
.then(blob => blob.arrayBuffer()) | 20 | 2 | Длина комментария 

.then(buffer => 1 | 22 | п [Комментарий o 


const dataView = new DataView(buffer); 

const sign = dataView.getUint32(0, true); 

const filesCount = dataView.getUint16(10, true); 

const cdStartOffset = dataView. getUint32(16, true); 

console. log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 


'range': "bytes=${cdStartOffset}-' 
} 
0) 


тема geo 

fetch('https://nodejs.org/dist/v16.18.0/node-v16. во 

headers: { Го isi сан == 

; ‘Tange’: 'bytes--22' | 8 |2 Чилоснадае | (| (|| 

10 2 чис оо 

|) E ете 

.then(resp -» resp.blob()) | 16 |4 Смещение до первой sanncucD | 
.then(blob => blob.arrayBuffer()) | 20 |2 | Длина комментария 

.then(buffer => 1 | 22 |n [Комментарий o 


const dataView = new DataView(buffer); 

const sign = dataView.getUint32(0, true); 

const filesCount = dataView.getUint16(10, true); 

const cdStartOffset = dataView. се 1п132(16, true); 

console. log(sign, sign.toString(16), filesCount, cdStartOffset); 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 


'range': "bytes=${cdStartOffset}-' 
} 
0) 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18. S ЛИ А 
headers: { eet — 

| ЖЕ. | [Диск на котором расположена С | 

ul Sa usq ENHUTIIT HN 

г) | 12 | ајрамесо _ 
.then(resp => resp.blob()) | 16 | 4 | Смещение до первой записи со | ||| 
.then(blob => blob.arrayBuffer()) 
.then(buffer => 1 | 22 | л [Комментарий пп 


const dataView = new DataView(buffer); 


: <unit>=<range-start>- 

: <unit>=<range-start>-<range-end> 

: <unit>=<range-start>-<range-end>, <range-start>-<range-end> 
: <unit>=-<suffix-Length> 


"bytes=${cdStartoOffset}-" 


fetch('https://nodejs.org/dist/v16.18.0/node-v16.18.0-win-x86.zip', { 
headers: { 
'range': ~bytes=${21953915 + 30 + 53}-${3529 + 21953915 + 30 + 53 


} 
}) 
.then(orBer => orBer.blob()) 
.then(6unapb => { 
const потокРазархивации = new DecompressionStream('deflate-raw'); 
const поток = бинарь.5%геат().ріреТһгочвһ( потокРазархивации); 
const чтец = noToK.getReader(); 
uTeu.read().then(({ done, value }) => 1 
const декодер = new TextDecoder(); 
const файл = new File([nekogep.decode(value)], 'README.md'); 
const ссылка = URL.createObjectURL(baun); 
const якорь = document.createElement('a'); 
якорь. домп|оай = 'README.md'; 
AKOpb. href = ссылка; 
document. Боду .аррепа(якорь); 
якорь. сЪ1сК(); 


Бонус пример №2 


const JOSNPayload 
1sAdmin: true, 
canEditData: false, 
canDeleteData: true, 


} 


if (JOSNPayload.isAdmin) 1 ... |) 


serene Е loade else ОБОК Е 


if(binPayload[1]) 1 ... | 


const JOSNPayload 
1sAdmin: true, 
canEditData: false, 
canDeleteData: true, 


} 
0хМ - 16 


if (JOSNPayload.isAdmin) 4 ... } [003 


serene Е О ОБО Е 


if(binPayload[1]) 1 ... | 


Подытожим 


Мы можем редактировать файлы непосредственно в браузерном 
приложении 


Мы можем редактировать бинарные данные в потоках при отправке 
или загрузке 


Может быть полезно для работы с архивами или сжатием данных 


Можно использовать для оптимизации размера данных 


Можно генерировать и редактировать файлы на «лету» 


Многопоточность 


Пример 


Index.js worker.js 


const canvas = document.getElementById( 'canvas'); 
const button = document.getElementById( 'button'); 
const d = { w: 1000, h: 1000 }; 
canvas.width = d.w; 
canvas.height = d.h; 
const context = canvas.getContext('2d'); 
const map = new SharedArrayBuffer(2500); 
const view = new Uint8Array(map); 
view.fill(255); ЕЯ 
const pos = () => Math.floor(Math.random() ж (2500 - 0) + 0); петао" ined 
const randomColor => Math.floor(Math.random() * 16777215).toString(16); шермен н> але 1 
‚ 
const workersData зэ neighbors = neighbors.filtertn => а 06 inarkedin] вв n > © ме п 
map, id: : pos(), end: pos(), color: randomColor() }, Ineighbors Деп 
map, id: : pos(), end: pos(), color: randomColor() }, шша Inarkeafi] вв ala] > вт Ib, 1 
тар, і : pos(), end: pos(), color: randomColor() ), indestt 
map, i : pos(), end: pos(), color: randomColor() ), Bee 
map, id: : pos(), end: pos(), color: randomColor() }, Жэ 
тар, 1 : pos(), end: pos(), color: randomColor() }, 
map, i : pos(), end: color: randomColor() }, 
map, id: : pos(), end: color: randomColor() }, 27 найз но 
тар, 1 : pos(), end: color: randomColor() }, ТҮСІП 
тар, ід: : ро5(), end: color: randomColor() }, ШШШ = ietan] > Fielaltenorndex] +17 aided + 1 
‚ 


markesLtenpindex] = trus; 


map, i pos(), еп color: randomColor() 
map, i pos(), en color: randomColor() 
map, id: : pos(), end: color: randomColor() 
map, i pos(), en color: randomColor() 
map, i color: randomColor() MEUSE: 
) К? 
) 
) 
) 
) 


let index = пеш а, b) => Немда] - ашыр аа) 


tespIndex = злве 2) 


map, id: : color: randomColor( Pathlpath -tengeh - 11; 
map, i color: randomColor( 
map, i color: randomColor( 
map, id: : pos(), end: color: randomColor( 
map, id: pos(), en color: randomColor( 


1; 


let k = 0; Ёс 
let wd = 11) йына = unde ined 

! index eld. Length) 
const n = 50; Na = undefined 
const lineLength = view.length / п; вещи = neighbors. Влак) за Karla е гиди) и 
const step = d.w / lineLength; IOTER 

unti 

1 

const draw = () => { ain х nedatbors.sore((a, b) => Haid: нат) atto) 


йл 
turn path 


20; П 
view. Ғ411(255); пак силен 
wd з workersData(); 
wd.forEach(d => { zen 
const worker = new Worker('/index6w.js'); j 
worker.postMessage(d 
worker.onmessage - () 
worker.terminate(); 
к--; 


ЖКО 
тунара Lenatndex)); 


р; ок 


sote. togt xci idl 


context.fillStyle = ‘#FFFFFF'; tet path = пас дей) 
context.fillRect(0, 0, d.w, d.h); 

pathlength; заана) 1 
context.fillStyle = "#000000"; nat pr (resolve => resolver = resolve 
context.font = "10pt Arial"; ща s.conparetchange(view, pathLidi], 255, 10) 


ЭЛ 


for (let i = 0; i < view.length; і = і + п) { ЖЕСЕ 
for (let j = 0; j < n; j++) 1 
context.fillStyle = “#${wd.find(d => 9.14 viewli + j])?.color ?? 'ffffff')'; 
context.fillRect(j ж step, i / п ж step, step, step); 


H 


for (let і = 1; i < linelength; i++) 4 
context.moveTo(0, step * i); 
context.lineTo(d.w, step * i); 
context.moveTo(step * i, 0); 
context.lineTo(step ж i, d.h); 
context.stroke(); 


H 


setTimeout(draw, 200); 


H 


draw(); 


Index.js 


const map = new SharedArrayBuffer(2500); 
const view = new Uint8Array(map); 
view. fill(255); 


wd.forEach(d => { 
const worker = new 


Worker('/worker.js'); 
worker.postMessage(map); 
worker.onmessage = () => 1 

worker.terminate(); 
К: 


worker.js 


Index.js 


const map = new SharedArrayBuffer(2500); 


const view = new Uint8Array(map); 
view.fill(255); 


wd.forEach(d => 1 
const worker = new 
Worker('/worker.js'); 
worker.postMessage(map); 
worker.onmessage = () => 1 
worker.terminate(); 
k--; 


worker.js 


onmessage = async (map)=> { 


const res Atomics.compareExchange( 


view, 
path[idx], 
2555 

Id 


worker.js 


onmessage = async (map)=> { 
} 


const res = Atomics.compareExchange( 
view, 
path[idx], 
255, 
Id 


Atomics 


Atomics. compareExchange( 
TypedArray, 
index, 
expectedValue, 
replacementValue 


JE 


Атомарно записьвают/читают/следят за 
указанными ячейками массива, 
гарантируя доступность одному 
процессу за раз. 


Подытожим 


e Мы можем использовать многопоточный и безопасный доступ к 
памяти 


* Полезно при работе с эмуляциями файловых систем и реализации 
многопоточности в маѕт приложениях 


Комплексный пример 


Спасибо! 


Frontend 
Conf 2022 


« 


